import { globalIgnores } from 'eslint/config'
import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
import pluginVue from 'eslint-plugin-vue'
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
export default defineConfigWithVueTs(
  {
    name: 'app/files-to-lint',
    files: ['**/*.{ts,mts,tsx,vue}'],
  },
  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
  pluginVue.configs['flat/essential'],
  vueTsConfigs.recommended,
  skipFormatting,
  // 添加自定义规则配置
  {
    name: 'app/custom-rules',
    rules: {
      // ==================== Vue 相关规则 ====================
      // 允许在 setup 中解构 props
      'vue/no-setup-props-destructure': 'off',
      // 要求 script setup 中使用的变量必须被正确标记
      'vue/script-setup-uses-vars': 'error',
      // 允许使用保留组件名称
      'vue/no-reserved-component-names': 'off',
      // 关闭自定义事件命名规范检查
      'vue/custom-event-name-casing': 'off',
      // 允许多个属性在同一行
      'vue/max-attributes-per-line': 'off',
      // 关闭多行 HTML 元素内容换行要求
      'vue/multiline-html-element-content-newline': 'off',
      // 关闭单行 HTML 元素内容换行要求
      'vue/singleline-html-element-content-newline': 'off',
      // 关闭属性连字符化要求
      'vue/attribute-hyphenation': 'off',
      // 不强制要求 prop 设置默认值
      'vue/require-default-prop': 'off',
      // 不强制要求显式声明 emits
      'vue/require-explicit-emits': 'off',
      // 关闭 transition 内部需要切换元素的要求
      'vue/require-toggle-inside-transition': 'off',
      // 组件名可以不是多个单词（解决 Component name "index" should always be multi-word 报错）
      'vue/multi-word-component-names': 'off',
      // 允许使用 v-html 指令
      'vue/no-v-html': 'off',
      // 关闭 Vue 属性排序规则
      'vue/attributes-order': 'off',
      // 允许一个文件中定义多个组件
      'vue/one-component-per-file': 'off',
      // 关闭 HTML 闭合标签换行规则
      'vue/html-closing-bracket-newline': 'off',
      // HTML 自闭合标签规则配置
      'vue/html-self-closing': [
        'error',
        {
          html: {
            // 空标签总是自闭合
            void: 'always',
            // 普通标签不自闭合
            normal: 'never',
            // 组件标签总是自闭合
            component: 'always'
          },
          // SVG 和 MathML 标签总是自闭合
          svg: 'always',
          math: 'always'
        }
      ],
      // ==================== TypeScript 相关规则 ====================
      // 允许使用 @ts-ignore 注释
      '@typescript-eslint/ban-ts-ignore': 'off',
      // 不强制函数显式返回类型
      '@typescript-eslint/explicit-function-return-type': 'off',
      // 允许使用 any 类型
      '@typescript-eslint/no-explicit-any': 'off',
      // 允许使用 require 语句
      '@typescript-eslint/no-var-requires': 'off',
      // 允许空函数
      '@typescript-eslint/no-empty-function': 'off',
      // 允许在定义前使用变量
      '@typescript-eslint/no-use-before-define': 'off',
      // 允许使用 @ts-comment 注释
      '@typescript-eslint/ban-ts-comment': 'off',
      // 允许使用特定类型
      '@typescript-eslint/ban-types': 'off',
      // 允许使用非空断言操作符 (!)
      '@typescript-eslint/no-non-null-assertion': 'off',
      // 不强制模块边界显式类型
      '@typescript-eslint/explicit-module-boundary-types': 'off',
      // 允许未使用的变量
      '@typescript-eslint/no-unused-vars': 'off',
      // ==================== JavaScript 基础规则 ====================
      // 允许在定义前使用变量
      'no-use-before-define': 'off',
      // 允许未使用的变量
      'no-unused-vars': 'off',
      // 关闭函数括号前空格规则（交给 Prettier 处理）
      'space-before-function-paren': 'off',
      // ==================== 第三方插件规则 ====================
      // 关闭 Prettier 规则检查（使用 IDE 插件处理格式化）
      'prettier/prettier': 'off',
    }
  }
)
